body,div,p,h1,br,hr,h2,h3,h4,h5,ul,li,ol,dl,dt,dd,span,b,i,input,button,img,form,table,thead,tbody,tr,th,td,fieldset,legend{margin:0;padding:0;box-sizing: border-box;}
ul,li,ol{list-style:none;}
a{display:inline-block;text-decoration:none;color:#504F4B;box-sizing: border-box;}
img{border:none;}
body,html{min-height:100%;}
body{font-size:14px;color:#504F4B;line-height:1.5;font-weight:400;font-family:'Microsoft YaHei', '微软雅黑', Helvetica, Tahoma, Arial, SimSun, '宋体', Heiti, '黑体', sans-serif;}
span,i {display: inline-block;}


/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
/* 定义滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
/* 定义滑块 */
::-webkit-scrollbar-thumb {
  background-color: #eee;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
::-webkit-scrollbar-thumb:active {
  background-color: #888;
}

.clearfix:after{content:"";display:block;clear:both;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}

.c-flex {display: flex;}
.c-flex-column {display: flex;flex-direction: column;}
.c-col-top {align-items: flex-start;}
.c-col-center {align-items: center;}
.c-row-center {justify-content: center;}
.c-row-between {justify-content: space-between;}
.c-row-around {justify-content: space-around;}
.c-flex-1 {flex: 1;}

.c-m-10 {margin: 10px;}
.c-m-20 {margin: 20px;}
.c-m-30 {margin: 30px;}
.c-m-40 {margin: 40px;}
.c-m-50 {margin: 50px;}
.c-m-100 {margin: 100px;}
.c-m-t-10 {margin-top: 10px;}
.c-m-t-20 {margin-top: 20px;}
.c-m-t-30 {margin-top: 30px;}
.c-m-t-40 {margin-top: 40px;}
.c-m-t-50 {margin-top: 50px;}
.c-m-t-100 {margin-top: 100px;}
.c-m-r-10 {margin-right: 10px;}
.c-m-r-20 {margin-right: 20px;}
.c-m-r-30 {margin-right: 30px;}
.c-m-r-40 {margin-right: 40px;}
.c-m-r-50 {margin-right: 50px;}
.c-m-r-100 {margin-right: 100px;}
.c-m-b-10 {margin-bottom: 10px;}
.c-m-b-20 {margin-bottom: 20px;}
.c-m-b-30 {margin-bottom: 30px;}
.c-m-b-40 {margin-bottom: 40px;}
.c-m-b-50 {margin-bottom: 50px;}
.c-m-b-100 {margin-bottom: 100px;}
.c-m-l-10 {margin-left: 10px;}
.c-m-l-20 {margin-left: 20px;}
.c-m-l-30 {margin-left: 30px;}
.c-m-l-40 {margin-left: 40px;}
.c-m-l-50 {margin-left: 50px;}
.c-m-l-100 {margin-left: 100px;}
.c-p-10 {padding: 10px;}
.c-p-20 {padding: 20px;}
.c-p-30 {padding: 30px;}
.c-p-40 {padding: 40px;}
.c-p-50 {padding: 50px;}
.c-p-100 {padding: 100px;}
.c-p-t-10 {padding-top: 10px;}
.c-p-t-20 {padding-top: 20px;}
.c-p-t-30 {padding-top: 30px;}
.c-p-t-40 {padding-top: 40px;}
.c-p-t-50 {padding-top: 50px;}
.c-p-t-100 {padding-top: 100px;}
.c-p-r-10 {padding-right: 10px;}
.c-p-r-20 {padding-right: 20px;}
.c-p-r-30 {padding-right: 30px;}
.c-p-r-40 {padding-right: 40px;}
.c-p-r-50 {padding-right: 50px;}
.c-p-r-100 {padding-right: 100px;}
.c-p-b-10 {padding-bottom: 10px;}
.c-p-b-20 {padding-bottom: 20px;}
.c-p-b-30 {padding-bottom: 30px;}
.c-p-b-40 {padding-bottom: 40px;}
.c-p-b-50 {padding-bottom: 50px;}
.c-p-b-100 {padding-bottom: 100px;}
.c-p-l-10 {padding-left: 10px;}
.c-p-l-20 {padding-left: 20px;}
.c-p-l-30 {padding-left: 30px;}
.c-p-l-40 {padding-left: 40px;}
.c-p-l-50 {padding-left: 50px;}
.c-p-l-100 {padding-left: 100px;}


